<template>
  <div id="APP" :style="{'height':winheight+'px'}">
    <router-view></router-view>
  </div>
</template>

<script>

import {onMounted, ref} from "vue";

export default {
  name: 'App',
  setup(){
    let winheight = ref(0);
    onMounted(()=>{
      winheight.value = window.innerHeight
    })
    return{
      winheight
    }
  }
}
</script>

<style>
*{
  padding: 0;
  margin: 0;
}
 #APP{
   overflow: hidden;
 }
 /* 设置浏览器滚动条的样式 */
 ::-webkit-scrollbar {
   width: 0;
   height: 7px;
 }
 /* 滚动槽 */
 ::-webkit-scrollbar-track {
   -webkit-box-shadow: inset006pxrgba(0, 0, 0, 0.3);
   border-radius: 10px;
 }
 /* 滚动条滑块 */
 ::-webkit-scrollbar-thumb {
   border-radius: 10px;
   background: rgba(0, 0, 0, 0.1);
   -webkit-box-shadow: inset006pxrgba(0, 0, 0, 0.5);
 }
 ::-webkit-scrollbar-thumb:window-inactive {
   background: rgba(210, 192, 192, 0.4);
 }
</style>
